@import "index.skeleton.wxss";
.groupRecommends_tip_out{
    position: relative;
    .groupRecommends_tip{
        position: absolute;
        top: -90rpx;
        right: 0;
        display: flex;
        //width:460rpx;
        height: 67rpx;
        border-radius: 60rpx;
        background-color: rgba(0,0,0,0.8);
        line-height: 35rpx;
        color: #fff;
        font-size: 29rpx;
        align-items: center;
        white-space: nowrap;
        padding: 0 30rpx 0 6rpx;
        opacity: 0.9;
        //padding: 0 20rpx;
        .lt{
            border-radius: 50%;
            overflow: hidden;
            height: 53rpx;
            width: 53rpx;
            margin-right: 20rpx;
        }
    }
}

.groupRecommends_out{
    padding: 13rpx 0;
    .groupRecommends{
        padding:0 23rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 13rpx 0;
        .lt{
            display: flex;
            align-items: center;
            .ft{
                width: 60rpx;
                height: 60rpx;
                border-radius: 50%;
                overflow: hidden;
            }
            .tw{
                font-size: 29rpx;
                margin-left: 19rpx;
            }
        }

        .three{
            width: 133px;
            height: 48px;
            border-radius: 24rpx;
            color: #fff;
            font-size: 24rpx;
            line-height: 48rpx;
            text-align: center;
        }
    }
}

.group_ft{
    .lable_ft{
        background-color: #E74B4B;
        color: #fff;
        font-size: 21rpx;
        width: 100rpx;
        height: 35rpx;
        border-radius: 7rpx;
        margin-right: 10rpx;
    }
}
.group_tw{
    margin-top: 27rpx;
    .lable_tw{
        font-size: 21rpx;
        width: 100rpx;
        height: 35rpx;
        color: #E74B4B;
        border: 1rpx solid #E64340;
        margin-right: 11rpx;
        border-radius: 7rpx;
    }
}


.seckill_trailer{
    font-size: 25rpx;
    display: flex;
    align-items: center;
    color: #E64340;
    margin-top: 20rpx;
    .seckill_title{
        //padding: 6rpx 8rpx;
        //border: 1px solid #E64340;
        //font-size: 24rpx;
        font-size: 21rpx;
        width: 100rpx;
        height: 35rpx;
        text-align: center;
        line-height: 35rpx;
        color: #E74B4B;
        border: 1rpx solid #E64340;
        transform: rotateZ(360deg);
        margin-right: 11rpx;
        border-radius: 7rpx;
    }
    .seckill_time{
        margin-left: 11rpx;
    }
    .seckill_remind{
        margin-left: 34rpx;
        color: black;
        border: 1px solid #888888;
        transform: rotateZ(360deg);
        border-radius: 22rpx;
        padding: 0 20rpx;
        display: flex;
        height: 38rpx;
        align-items: center;
        font-size: 24rpx;
    }
}
.topTheSide{
    //position: relative;
    //left: 190rpx;
    //top: 38rpx;
    .tx{
        //width: 290rpx;
        white-space: nowrap;
        padding: 0 36rpx;
        height: 60rpx;
        border-radius: 29rpx;
        color: #fff;
        background-color: #FF4715;
        text-align: center;
        line-height: 60rpx;
        position: absolute;
        top: -74rpx;
        right: 26px;
        //top: -78rpx;
        //left: 108rpx;
        font-size: 24.6rpx;
    }
    .triangle{
        width: 48rpx;
        height: 31rpx;
        background-color: #ff4715;
        -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
        transform: rotate(180deg);
        position: absolute;
        //top: -27rpx;
        //left: 394rpx;
        top: -18rpx;
        right: 94rpx;
    }
}

.containers {
    background-color: #fff;
    width: 100%;
    height: 120%;
}


.page-title {
    font-size: 36px;
}


.goods-msg {
    padding: 40px 21px;
    padding-top: 53px;
    padding-bottom: 40px;
}

.goods-msg .prices {
    height: 40px;
    font-size: 40px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #e74b4b;
    position: relative;
}

.price-img {
    width: 146px;
    height: 27px;
    position: absolute;
    top: -42%;

}

.newprice-left {
    font-size: 25rpx;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #E64340;
}

.newprice-right {
    font-size: 40px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: rgba(231, 75, 75, 1);
}
.seckill_lt_old{
    font-size: 26rpx;
    margin-left: 28rpx;
    text-decoration:line-through;
    color: #fff !important;
    font-weight: normal;
}
.goods-msg{
.presell-titile{
    background: linear-gradient(14deg, #E64340, #F25B20);
}
position: relative;
.pre-sell-view{
    position: absolute;
    top: -112rpx;
    left: 10rpx;
    right: 10rpx;
    height: 134rpx;
    .myBox{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
    }
}
    .left-circle{
        height: 131rpx;
        position: relative;
        z-index: 100;
        border-radius: 20px;
        font-family: Source Han Sans SC;
        padding-top: 19rpx;
        padding-bottom: 25rpx;
        margin-left: 52rpx;
        .left-circle-text{
            font-size: 24px;
            font-weight: 400;
            color: #FFFFFF;
            margin-bottom: 24rpx;
            width: 100rpx;
        }
        .left-circle-price{
            font-size: 48px;
            font-weight: bold;
            color: #FFFFFF;
            margin-left: -35rpx;
            margin-top: 19rpx;
        }
        .left-circle-price-symbol{
            font-size: 29px;
            font-weight: 500;
            color: #FFFFFF;
        }
    }
    .right-circle{
        max-width: 70%;
        min-width: 68%;
        position: relative;
        z-index: 100;
        height: 105rpx;
        //background: linear-gradient( #e94938, #ef5529);
        border-radius: 20px;
        margin-left: -40rpx;
        font-size: 27px;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #F6F6F6;
        padding-top: 54rpx;
        margin-left:36rpx;
    }
    .seckill_lt{
        font-size: 48px;
        font-weight: bold;
        color: #FFFFFF;
        position: relative;
        z-index: 0;
        padding: 20rpx 25rpx;
        .seckill_lt_textFt{
            width: 84rpx;
            height: 32rpx;
            line-height: 32rpx;
            border-radius: 16rpx;
            background-color: #fff;
            color: #E64340;
            font-size: 24rpx;
            //padding-left: 15rpx;
            text-align: center;
        }
        .seckill_lt_textTw{
            margin-top: 20rpx;

            .seckill_lt_new{
                font-size: 48rpx;
            }
            .seckill_lt_old{
                font-size: 26rpx;
                margin-left: 28rpx;
                text-decoration:line-through;
                color: #888888;
            }
        }
    }
    .seckill_rt{
        position: absolute;
        right: 25rpx;
        top: 18rpx;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 24rpx;
        align-content: center;
        .seckill_tip{
            align-items: center;
            width: 144rpx;
            height: 33rpx;
            padding: 0 10rpx;
            margin-left: 75rpx;
        }
        .seckill_price{
            margin-top: 22rpx;
            color: #E64340;
            display: flex;
            .text{
                height: 40rpx;
                line-height: 40rpx;
                margin-right: 15rpx;
                font-size: 22rpx;
            }
            .time{
                display: flex;
                font-weight: bold;
                height: 40rpx;
                line-height: 40rpx;
                .colon{
                    margin:0 4rpx;
                }
            }
            .time_tip{
                width: 40rpx;
                height: 40rpx;
                background-color:#EB3734 ;
                color: #fff;
                text-align: center;
                line-height: 40rpx;
                border-radius: 7rpx;
            }
        }
    }
.prices {
    .oldprce {
        font-size: 24px;
        font-weight: 400;
        margin-left: 21px;
        text-decoration: line-through;
        color: #888888;
        position: relative;
        bottom: -4px;
    }
}
.title {
    margin: 30px 0 8px;
    font-size: 32px;
    font-family: PingFang SC, sans-serif;
    font-weight: bold;
    color: black;
    line-height: 43px;
}
.selling-points {
    font-size: 27px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #888888;
    line-height: 35px;
    // letter-spacing: 2px;
}
}
.goods-parameter {
    padding: 0 21px;
    margin: 26px 0;
    margin-top: 34px;
}

.goods-parameter .params-list-item {
    margin-left: 13px;
    color: black;
}
.goods-service-warp {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 50px;
}

.select-sku {
    padding: 0 21px;
    margin: 35px 0;
}

.select-sku .sku-list {
    font-weight: 400;
    color: black;
    display: inline-block;
}

.detail-introduce {
    padding: 19px 20px 0px;
}

.detail-introduce .detaile-image {
    width: 100%;
    display: block;
}

.bottom-view {

    padding: 0 21px;
    height: 150px;
    background-color: #fff;
    .left{
        padding: 0 22rpx;
    }
}

.isIPx {

    box-sizing: border-box;
    padding-bottom: 64px !important;
    padding-top: 21px !important;

}

.bottom-view .left-item {
    margin-right: 40px;
    text-align: center;
    flex-shrink: 0;
}

.bottom-view .left-item .text {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #353535;
}

.bottom-view .left-item image {
    width: 42px;
    height: 42px;
}

.bottom-view .left-item-cart {
    position: relative;
}

.bottom-view .left-item-cart .count-cart {
    position: absolute;
    top: 0;
    right: 2%;
    width: 34px;
    height: 24px;
    background: #e74b4b;
    border-radius: 12px;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: white;
}
.btnCus{
width: 600rpx !important;
}
.bottom-view .addtocart,
.bottom-view .nowbuy {
    width: 226.6rpx;
    height: 76px;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    box-sizing: border-box;
}

.bottom-view .addtocart {
    color: #03c1b6;
    border: 2px solid #03c1b6;
    border-radius: 40px 0px 0px 40px;
}
.empty-btn {
    &::after{
        border: none!important;
    }
}
.bottom-view .nowbuy {
    color: #fff;
    background: #03c1b6;
    border-radius: 0px 80px 80px 0px;
}

.bottom-view .virtualBuy {
    border-radius: 40px;
    width: 400px;
}

.bottom-view .lookotherGoods {
    width: 468rpx;
    height: 76rpx;
    border-radius: 38rpx;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #03c1b6;
}

.good-abnormal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 150px;
    width: 100%;
    height: 88px;
    background: #fff5f5;
    font-size: 27px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #e74b4b;
}



.params-text,
.params-list view {
    font-size: 29px;
    font-weight: 400;
    font-family: PingFang SC;
}

.params-text {
    color: #888888;
    margin-right: 25px;
}

.params-text-black {
    max-width: 400px;
    color: black;
    font-size: 29px;
    font-weight: 400;
    font-family: PingFang SC;

}

.detaile-title {
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: bold;
    color: black;

    margin-bottom: 25px;
}

.detaile-title-img-list {
    margin-bottom: 34px;
}

.arrows-text {
    font-size: 29px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #03c1b5;

}

.arrows-img {
    width: 32px;
    height: 32px;
}

.movable-area {
    pointer-events: none;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
}

.movable-view {
    pointer-events: auto;
    width: 87px;
    height: 87px;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.24);
    border-radius: 13px;
    flex-wrap: wrap;
}

.share {
    width: 87px;
    height: 87px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.24);
    border-radius: 13px;
    position: fixed;
    top: 60%;
    right: 21px;
    flex-wrap: wrap;
}

.share-text {
    font-size: 21px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: white;
}

.sold-out {
    border-radius: 38rpx;
    width: 468rpx;
    height: 76px;
    background-color: #B2B2B2;
    color: white;
    font-size: 28px
}


.cash {
    font-size: 29px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #03C1B5;
    margin-right: 28px;

}

.out-stock {
    font-size: 29px;
    font-family: PingFang SC;
    font-weight: 400;
    margin-left: 13px;

}

/*//后面追加的样式*/
.deliver-msg {
    background: rgba(245, 245, 245, 1);
    border-radius: 20px;
}

.location-img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.left-item {
    line-height: 1;
    border: none;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-radius: 0px;
}

.left-item .text {
    margin-top: 10px;

}

.left-item-btn::after {
    border: none;
}

.linear-index {
    position: absolute;
    box-sizing: border-box;
    height: 200px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.info-item-container {
    border-top: 13px solid #f5f5f5;
}

.btn-primary-big {
    width: 468rpx;
    height: 80rpx;
    border-radius: 38rpx;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    margin-right: 20rpx;
}
.btn-disabled-big {
    width: 468rpx;
    height: 80rpx;
    border-radius: 38rpx;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    background-color: #B2B2B2;
    color: #fff;
}

.btn-primary-small {
    width: 226.6rpx;
    height: 76px;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    box-sizing: border-box;
}

.btn-plain{
    color: #03c1b6;
    border: 2px solid #03c1b6;
}

.btn-radius-left{
    border-radius: 38px 0 0 38px;
}

.btn-radius-right{
    border-radius: 0 38px 38px 0;
}

.btn-radius{
    border-radius:38px
}

.btn-disabled-small {
    width: 226.6rpx;
    height: 76rpx;
    //border-radius: 38rpx;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    background-color: #B2B2B2;
    color: #fff;
}
